<template>
  <div class="wel">
    <div class="btn">
      <button @click="jump('/newresume')">新建简历</button>
    </div>
    <Upload @upload="success"></Upload>

     
  </div>
</template>

<script>
import { reactive, toRefs} from "vue";
import { useRouter, useRoute } from "vue-router";
import Upload from "@/components/upload.vue";


export default {
  components: {
    Upload,
  },
  setup() {
    const state = reactive({
      source: "# Hello world",
    });
    const router = useRouter();
    const route = useRoute();

    function jump(url) {
      router.push(url);
    }
    const success = (value) => {
      console.log(value, "father");
    };
 
    return {
      ...toRefs(state),
      jump,
      success
    };
  },
};
</script>

<style lang="scss" scoped>
.wel {
  width: 100%;
  min-height: 100vh;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  .btn {
    button {
      width: 150px;
      height: 50px;
      border-radius: 0;
      outline: none;
      border: none;
      font-size: 16px;
      font-weight: 200;
      transition: all 0.2s ease-in;
      &:hover {
        // transform: translateX(10px);
        border-radius: 20px;
      }
    }
  }
}
</style>